body{ font-family:Arial, Helvetica, sans-serif;}
/* banner */
.j_futurevideo{ position:absolute;min-width: 100%;min-height: 100%;object-fit: cover;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}

.headtop,.backtops,.m_foot{ display:none;}
.slider1p1,
.slider1more {
	transition: 1.2s;
	-webkit-transition: 1.2s;
}

.slider1p1 {
	transition-delay: 0.4s;
}

.slider1more {
	transition-delay: 0.8s;
}

.slider1img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 4s;
	transition: 4s;
}

.slider1img video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.bw1200 {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	text-align: left;
}

.pubmorea{ cursor:pointer;}
.puba span {
	font-family: MicrosoftYaHei;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;
}

#banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.pagesm {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}

.pagesm.swiper-slide-active {
	box-shadow: none;
}

.btmain {
	height: 650px;
}

.slider1p1 {
	font-family: MFYanSong_Noncommercial-Regular;
	font-size: 56px;
	line-height: 56px;
	color: #ffffff;
}

.slider1p1 span {
	font-family: MFYanSong_Noncommercial-Regular;
	font-size: 44px;
	color: #ffffff;
}
.slider1txt{ cursor:pointer;}
.slider1txt .puba {
	margin: 50px auto 0;
	color: #ffffff;
	display: block;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	letter-spacing: 0px;
	color: #ffffff;
}
.slider1txt .puba>span{
	float: left;
}



.btpage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mainbox {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.slider1img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.slider1 {
	height: 100%;
}

.slider1p1 {
	position: relative;
	opacity: 0;
	-webkit-opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
}

.slider1more {
	position: relative;
	opacity: 0;
	-webkit-opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.swiper-slide-active .slider1p1,
.swiper-slide-active .slider1more {
	opacity: 1;
	-webkit-opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.slider1txt1 .slider1p1 {
	-webkit-transition: 1.2s;
	transition: 1.2s;
	-webkit-transition: 0.5s;
	transition-delay: 0.5s;
}

.swiper-slide-active .slider1img {
	opacity: 1;
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
}

.homebanner .swiper-slide{pointer-events:inherit;}
body{ color:#333; font-family:'SegoeWP',Arial, Helvetica, sans-serif; letter-spacing:1px;}
a:hover{ color:#02703F;}
.w1000{ width:1200px; margin:0 auto;}
.pubh2{ text-align:center; font-size:28px; padding-top:70px; padding-bottom:15px; position:relative; font-weight: bold;}
.pubh2:before{ position:absolute; width:210px; height:2px; background:#02703F; content:''; bottom:0; left:50%; margin-left:-105px;}
.pubh21:before{ width:100px; left:50%; margin-left:-50px;}

.homebannerpage{ z-index:5; text-align:center;}
.homebannerpage span{ width:12px; height:12px; bottom:8px !important; background:#fff; margin:0 8px !important;opacity:1;-webkit-opacity:1;border-radius:50%;-webkit-border-radius:50%;}
.homebannerpage span.swiper-pagination-bullet-active{ background:#02703F;}

.homebanner{ height:100vh;}
.homebannerpage { position:absolute;}
.slider1txt{ text-align:left;}
.slider1txtm{ display:inline-block; padding:25px 80px; background:rgba(127,127,127,0.3); text-align:left;}
.pbtbanp1{ font-size:18px;}
.pbtbanp2{ font-size:40px;}
.pbtbanp3{ font-size:16px; margin-top:25px;}
.pbtbanp3 a{ padding-right:20px; display:inline-block; border-bottom:1px solid #02703F; line-height:20px; padding-bottom:5px;}
.pbtbanp3 a{ background:url(seemore.png) right 3px no-repeat;}

.slider1txt .pbtbanp3 a:hover{ color:#fff;}

.altop{width:100%; position:fixed; left:0; top:0; z-index:111;}
.altopm a{ font-size:18px; color:#fff; display:inline-block; vertical-align:top; line-height:80px; height:80px;}
.altopm{ text-align:right;}

.allogo img{ vertical-align:top; height:64px;}
.allogo,.altopright{ position:absolute;}
.allogo{ left:6%; top:9px;}
.altopright{ right:6%; top:32px;}
.altopb{ width:920px; float:right; padding-right:20px;}
.altopb li{ padding:0 ;display:inline-block; vertical-align:top;}
.altopright span{ display:inline-block; vertical-align:top; width:16px; height:16px; margin-left:20px;}
.aricon1{ background:url(vricon1.png) center no-repeat;}
.altopright .aricon2{ background:url(vricon2.gif) center no-repeat; background-size:100% auto; width:19px; display:none;}
.aricon3{ background:url(vricon3.png) center no-repeat;}
.altopb li > a{ padding:0 20px;}
.altopb li > a:after{ display:none; position:absolute; content:''; width:10px; height:100%; width:11px; background:url(navdown.png) center no-repeat; right:0; top:0;}
.altopb li.none > a:after{ display:none;}
.altopb li.none > a{ }

.altop{ transition:all 0.3s ease;}
.altopon,.altop.ison,.altopon1{ background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.altopon1 a,.altopon a,.altop.ison a{ color:#000;}
.altopon1 .aricon1,.altopon .aricon1,.altop.ison .aricon1{ background-image:url(vricon1_1.png);}
.altopon1 .aricon2,.altopon .aricon2,.altop.ison .aricon2{ background-image:url(vricon2_1.gif);}
.altopon1 .aricon3,.altopon .aricon3,.altop.ison .aricon3{ background-image:url(vricon3_1.png);}
.altopon{ top:-46px;}
.altop.ison{border-bottom:1px solid #dcdcda;background:#f5f5f3;box-shadow: none;}
.altop.ison .alr527b span:before{opacity:0;}
.altop.ison .alr527b span:after{opacity:1;}

.altopb li>a{ position:relative;}
.altopb li>a:before{ transition:all 0.3s ease; position:absolute; width:50px; height:3px; background:#e60012; left:50%; margin-left:-25px; content:''; bottom:8px;opacity:0;-webkit-opacity:0;}
.altopb li>a:hover:before,.altopb li.on>a:before,.altopb li.m>a:before{  bottom:0;-webkit-opacity:1;opacity:1;}
.altopb li.on>a,.altopb li.m>a{ color:#e60012;}
.altopb li>a{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.altopd1{ position:relative; padding:0 6%;}




.h127{ height:127px; overflow:hidden;}
.topbar {	line-height: 20px;	background: #313131;	padding: 12px 2.6%;}

.yybar {	background: #313131;	border-top: 1px solid #333;	padding-top: 10px;	display: none;}

.yybar img {	margin-top: -2px;	position: relative;}

.yybar {	overflow: hidden;	padding-bottom: 50px;}

.yybar li {	float: left;	margin-right: 106px;}
.yybar li:last-child {	margin: 0;}

.topbar-link .tb-linka {	height: 22px;	color: #FFFFFF !important;	font-size: 14px;	margin: 0 28px 0 36px;	vertical-align: top;	position: relative;	float: left;}

.topbar-link .tb-linka:before {	content: '';	width: 22px;	height: 22px;	background: url(tel.png) no-repeat center;	background-size: cover;	display: inline-block;	position: absolute;	left: -32px;	top: -1px;}
.tb-linka i {	color: #00c6ff;	margin-left: 20px;}
.tb-linkb {	padding: 1px 16px;	background-color: #ffffff;	border-radius: 6px;	font-size: 12px;	color: #000000;	margin-left: 30px;	position: relative;	display: inline-block;	float: left;}

.tb-linkb:before {	content: '';	width: 1px;	height: 15px;	background-color: #aaaaaa;	position: absolute;	left: -30px;	top: 5px;}

.topbar-yy span {	display: inline-block;	vertical-align: top;	height: 20px;	padding-left: 26px;	padding-right: 20px;	position: relative;	font-size: 12px;	color: #FFFFFF;	cursor: pointer;}
.topbar-yy span:before,.topbar-yy span:after {	content: '';	position: absolute;	height: 100%;	top: 0;}
	.topbar-yy span:before {	width: 16px;	height: 16px;	background: #989898 url(vricon2.gif) center no-repeat;	left: 0;	top: 2px;	background-size: cover;	border-radius: 50%;}
.topbar-yy span:after {	width: 11px;	background: url(icon2.png) center no-repeat;	right: 0;	top: 1px;}



.mcdsub{ position:absolute; width:100%; background:#fff; left:0; top:98px; height:365px; padding-top:30px; border-top:1px solid #f3f3f3; display:none;}
.mcdsub{ box-shadow:0 5px 12px rgba(0,0,0,0.05);}
.altopm .mcdsubl a{ line-height:40px; height:auto; display:block;}
.mcdsub,.mcdsub a{ color:#333; font-size:16px;}
.mcdsubl dl.one{  position:relative; display:block; left:0; width:230px;}
.mcdsubl dl{min-width:230px; position:absolute; padding:0 ; display:none;}
.mcdsubl dd{ padding:0 30px;}
.mcdsubl dl{ left:100%; top:0;}
.mcdsubl dl{ text-align:left;}
.hasnav{ position:relative;}
.hasnav.a{ font-weight:bold; font-size:14px;}
.hasnav:before,.hasnav:after{ position:absolute; content:''; width:8px; height:11px;  right:0; top:15px;}
.hasnav:before{ background:url(wzrico.png) center right no-repeat;}
.hasnav:after{ background:url(wzrico3.png) center right no-repeat;opacity:0;-webkit-opacity:0;}
.mcdsubl dl{ height:335px; border-right:1px solid #ececec;}
.mcdsubr{ width:318px; text-align:left; float:left; margin-left:80px;}
.mcdsubrh4{  font-weight:bold; font-size:14px; padding-top:10px;}
.mcdsubrdesc{ font-size:14px; color:#333;}
.mcdsubrmore{ cursor:pointer; text-transform:uppercase; padding-right:15px; font-size:12px  !important; color:#666; display:inline-block; margin-top:15px;height:19px !important; line-height:19px !important; position:relative;}
.mcdsubrmore:before,.mcdsubrmore:after{ position:absolute; content:''; width:6px; height:11px; right:0; top:4px;}
.mcdsubrmore:after{opacity:0;-webkit-opacity:0;}
.mcdsubrmore:before{ background:url(wzrico4.png) center no-repeat; background-size:5px auto;}
.mcdsubrmore:after{ background:url(wzrico3.png) center no-repeat; background-size:5px auto;}
.mcdsubrimg img{ vertical-align:top;}
.mcdsubrdesc{ padding-top:3px;}
.mcdsubl dd.on .a,.mcdsubl dd.on>.d,.mcdsubl dl.c a:hover{ color:#e60012;}
.mcdsubl dd.on .a:before,.mcdsubl dd.on>.d:before{ opacity:0;}
.mcdsubl dd.on .a:after,.mcdsubl dd.on>.d:after{ opacity:1;}
.mcdsublpro{ width:700px;}
.mcdsublabout dl.one{ width:280px;}
.mcdsubl dl.b a{ font-size:12px;}

.almainal{ width:568px; margin-left:15px;}
.almainar{ width:570px; margin-right:15px;}
.almaina1{ width:271px;}
.almainatxt{ position:absolute; box-sizing:border-box; width:100%; color:#fff; z-index:4; left:0; bottom:0; padding:25px;}
.almainar1,.almainal,.almaina1{ position:relative;}
.almaina h3{ font-size:18px; font-weight: bold;}
.almainatxt p{ padding-top:5px;}
.almainaimg{ overflow:hidden;}
.almainar2{ margin-top:28px;}
.almainaimg img{ vertical-align:top;}
.imghover:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);}
.almaina{ padding-top:50px; padding-bottom:0;}
.imghover:before{ position:absolute; z-index:2; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);opacity:0;-webkit-opacity:0;}
.imghover:hover:before{opacity:1;-webkit-opacity:1;}
.imghover{ cursor:pointer;}


.almainb{ height:544px;}
.almainbm{ position:relative; height:100%;}
.almainbm1,.almainbm2{ position:absolute; width:960px;  top:0; height:100%;}
.almainbm1{ left:-360px;}
.almainbm2{ right:-360px;}
.almainbm1{ background:url(almainb1-10.jpg) center no-repeat;}
.almainbm2{ background:url(almainb2-11.jpg) center no-repeat;}
.almainbtxt,.almainbtxt a{ color:#fff;}
.almainbtxt{ width:380px; position:absolute;}
.almainbp1{ font-size:42px; line-height:46px;}
.almainbp2{ font-size:16px;}
.almainbp3{ padding-top:10px;}
.almainbtxt .pbtbanp3 a{ font-size:14px; padding-right:20px; background-size:4px auto; background-position:right 6px;}


.almainc{ margin-top:50px;}
.almainc img{ vertical-align:top;}
.almaincimg{ overflow:hidden;}
.almainc{ width:1170px;}
.almainc .swiper-slide{ cursor:pointer;}
.almaincp1{ font-size:18px; font-weight:bold; } 
.almaincp2{ font-size:14px;}
.almaincp3{ padding-top:8px;}
.almainctxt{ padding:10px 5px;}
.almainc .pbtbanp3 a{ font-size:14px; padding-right:15px; color:#333333;background-size:4px auto; background-position:right 6px; background-image:url(seemore1.png);}
.almainc .swiper-slide:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);}
.almainc .swiper-slide:hover .almaincp1{ color:#02703F;}



.almainc .pbtbanp3 a{ border:none; position:relative;}
.almainc .pbtbanp3 a:before{ position:absolute; content:''; left:0; bottom:0; width:0; height:1px; background:#02703F;}
.almainc .swiper-slide:hover .pbtbanp3 a:before{ width:100%;}
.alvr .pbtbanp3 a{ border:none; position:relative;}
.alvr .pbtbanp3 a:before{ position:absolute; content:''; left:0; bottom:0; width:0; height:1px; background:#02703F;}
.alvr .pbtbanp3 a:hover:before{ width:100%;}

.slider1txtm .pbtbanp3 a{ border:none; position:relative;}
.slider1txtm .pbtbanp3 a:before{ position:absolute; content:''; left:0; bottom:0; width:0; height:1px; background:#02703F;}
.slider1txtm .pbtbanp3 a:hover:before{ width:100%;}


.homebanner .swiper-slide-active{ z-index: 5; }

.alvr{ position:relative; text-align:center; background:url(vr.jpg) center no-repeat; height:650px; margin-top:70px;}
.alvr a,.alvr{ color:#fff;}
.alvrp2{ font-size:28px; margin-top:32px;}
.alvrp3{ font-size:18px; margin-top:22px;}
.alvrp4{ margin-top:30px;}
.alvrm{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%);}
.footbg{ background:url(footbg.jpg) center no-repeat; height:497px; margin-top:70px;}

.pageban{ background-position:center; background-repeat:no-repeat; height:510px;}
.propam a{ display:block; vertical-align:top; background:#4e4f53; color:#fff; line-height:28px; margin-top:20px; overflow:hidden;}
.propamtxt,.propamimg{ width:50%; float:left; overflow:hidden;}
.propamimg img{ vertical-align:top; width:100%;}
.propamtxt{ box-sizing:border-box; padding:0 40px;padding-top:60px;}
.propamtit{ font-size:30px; line-height:32px; padding-bottom:20px; position:relative;}
.propamtit:before{ position:absolute; content:''; left:0; bottom:0; width:0; height:2px; background:#fff;}
.propam a:hover .propamtit:before{ width:120px;}
.propam a:hover .propamdesc{padding-top:22px;}
.propam a:hover{ background:#e60012;}
.propam a:hover .propammore{ padding-right:30px;}
.propamdesc{ height:210px; box-sizing:content-box; }
.propammore{ text-transform:uppercase; background:url(propammore.png) right center no-repeat; padding-right:20px;}
.propam a:nth-child(even) .propamtxt{ float:right;}
.propam a:hover .propamimg img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.propam a:hover .propamimg:before{opacity:1;-webkit-opacity:1;}
.propamimg{ position:relative;}
.propamimg:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; z-index:3; background:rgba(0,0,0,0.2);opacity:0;-webkit-opacity:0;}

.propah5{ font-size:55px; line-height:60px;}
.propasub{ margin-top:25px; padding-left:75px; position:relative;}
.propasub:before{ position:absolute; width:75px; height:1px; background:#e60012; content:''; left:0; top:11px;}
.propasub a{ color:#666; margin-left:30px;}
.propasub a:hover{ color:#e60012;}

.propa{ padding-top:70px;}
.propbm{ padding-top:30px;}
.propbm li{ background:#f5f5f5; float:left; width:380px; text-align:center; font-size:18px; color:#333; margin-right:30px;}
.propbm li.li3{ margin-right:0;}
.propbm p{ line-height:70px; background:#fff;}
.propbimg i{ display:inline-block; width:100%; height:370px; vertical-align:top; opacity:0.6;-webkit-opacity:0.6;}
.propbimg1 i{ background:url(propbicon1.png) center no-repeat; background-size:85px auto;}
.propbimg2 i{ background:url(propbicon2.png) center no-repeat; background-size:85px auto;}
.propbimg3 i{ background:url(propbicon3.png) center no-repeat; background-size:85px auto;}
.propbm li:hover{ box-shadow:0 5px 25px rgba(0,0,0,0.05);}
.propbm li:hover{ color:#e60012;}
.propbm li:hover i{opacity:1;-webkit-opacity:1;}
.propbm li,.propbm li i{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}



.propb{ padding-top:60px; padding-bottom:60px;}
.propbh5{ font-size:24px; line-height:35px; }
.propbh5 span{ display:inline-block; padding-bottom:15px; position:relative; text-transform:uppercase;}
.propbh5 span:before{ position:absolute; content:''; width:100px; left:50%; margin-left:-50px; bottom:0; background:#02703F; height:2px;}
.propbh5,.propbdesc{ text-align:center;}
.propbdesc{ padding-top:20px; line-height: 24px;}
.prodtcm table{ margin-top:30px;width:100%;}
.prodtcm table,.prodtcm td{border-collapse:collapse; text-align:center;}
.prodtcm td{ border:1px solid #e5e5e5; padding:10px 5px;color:#666;font-size:12px;}
.prodtcm table tr:first-child{ background:#ebebeb;}
.prodtcm table tr:first-child td{color:#222;font-size:14px;}

.prodtc{ padding:60px 0;}

.prodtd{ background:url(prodtd.jpg) center top no-repeat; padding-top: 68px;}
.prodtd .propbh5,.prodtd .propbdesc{ color:#fff;}

.prodtdm li{ float:left; background-color: #fff; margin-right: 36px;}
.prodtdm li:nth-child(3){ margin-right: 0; }
.prodtdm p{ padding:25px 30px; font-size: 16px; }
.prodtdm p span{ background: url(wzrico.png)  295px center no-repeat; display:block;}
.prodtdm{ margin-top: 35px; }
.prodtdm li{ box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.prodtdimg{ overflow:hidden; height:220px; }
.prodtdm li:hover{ box-shadow: 0 8px 20px rgba(0,0,0,0.07); color: #e60012; }
.prodtdm li:hover span{background: url(wzrico1.png) 305px center  no-repeat; }
.prodtdm span,.prodtdm img,.prodtdm li{ transition: all 0.3s ease; }
.prodtdm li:hover img{transform: scale(1.1);}

.prodteml{ margin-top: 22px; width: 229px;height:926px;overflow: hidden;}
.prodtemr{ overflow:hidden; width: 971px;}
.prodtemr li{ margin-left: 60px; float: left;width:260px; text-align: center;line-height: 46px; font-size: 16px; margin-top: 22px;}
.prodtemrimg{ overflow:hidden; }
.prodtemrimg img{ vertical-align: top;width:100%; }
.prodtemr li:hover img{transform: scale(1.1);}
.prodtemr li:hover{color: #e60012; }
.prodtemrimg img,.prodtemr p{transition: all 0.3s ease; }

.prodte{ margin-top:40px; }

.prodtfslide{ width: 1000px; margin-top: 50px; text-align:center; }
.prodtfslide img{ opacity: 0.5; transition: all 0.3s ease; }
.prodtfslide .swiper-slide:hover img{ opacity:0.8; }
.prodtf{background-attachment: fixed; background-repeat: no-repeat; background-position: center; margin-top: 65px; padding-bottom: 65px; padding-top: 65px;}
.prodtf .propbh5 span{ color: #fff; }
.prodtf .propbdesc{ color: #fff; }


.wzfoot{ background:#444444; display:none;}
.wzfootafx a{ display:inline-block; margin-right:30px;}
.wzfootar h5{ padding-bottom:10px;}
.wzfootar h5 a{ font-size:18px; color:#fff;}
.wzfootar li a{ color:#999;}
.wzfootar li{ line-height:30px;}
.wzfootar{ text-align:right;}
.wzfootar ul{ display:inline-block; vertical-align:top; padding-left:100px;}
.wzfootar h5,.wzfootar li{ text-align:left;}

.wzfootb{ background:#333333; font-size:12px; line-height:60px; overflow:hidden;}
.wzfootb,.wzfootb a{ color:#fff;}
.wzfoota{ padding-top:80px; padding-bottom:35px;}
.wzfootap1{ font-size:18px; color:#fff; padding-top:12px; padding-bottom:15px;}


.prodtah2{ font-size:30px; padding-left:4%;}
.prodtah2 span{ display:inline-block; padding-right:80px; border-bottom:2px solid #e60012; padding-bottom:12px;}
.prodta{ width:100%; overflow:hidden; background:#fff;}
.prodtam{ width:50%; min-height:300px; vertical-align:top; float:left;}
.prodtal{ padding:4%; box-sizing:border-box;}
.prodtalwz .pubtd{ width:50%;padding:0 4%; vertical-align:top; padding-top:6%}
.prodtah5{ font-size:16px; padding-bottom:5px; position:relative;}
.prodtap{ color:#666;}
.prodtaslider{ width:100%;height:100%;}
.prodtasliderimg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.prodtsbtn{ position:absolute;}

.prodtb{ overflow:hidden; background:#fff; text-align:center; min-width:1200px; padding-top:3%; padding-bottom:4%;}
.prodtbl,.prodtbr{ display:inline-block; vertical-align:middle; text-align:left;}
.prodtbr{ width:58%; max-width:1200px; min-width:680px;}
.prodtblwz .pubtd{ padding:0 3%;width:50%; padding-top:4%;}
.prodtbl{ margin-right:30px;}
.prodtah5 i{ position:absolute; font-size:12px; color:#fff; left:-32px; top:1px; background:#1d95d4;border-radius:50%;-webkit-border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center;}

.prodth{ margin-top:0;}
.prodtj{ width:1195px;}
.prodtj img{ vertical-align:top;}
.prodtj li{ position:relative; margin-top:50px;}
.prodtjimg{ position:absolute; width:100%; left:0; top:0; z-index:4;opacity:0;-webkit-opacity:0; transition:all 0.3s ease;}
.prodtj li:hover .prodtjimg{opacity:0.7;-webkit-opacity:0.7;}











/* banner */
.banEBox {
	width: 100%;
	margin-top: 0;
	background: #FFFFFF;
}

.banEBox-content,
.slideContain {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.bgImgBox {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 3.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-webkit-transition: all 3.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.banEBox-content>.swiper-pagination-bullets {
	bottom: 60px !important;
	width: 85%;
	text-align: right;
}

.banEBox-content>.swiper-pagination-bullets .swiper-pagination-bullet {
	background: #FFFFFF;
	opacity: 1;
	margin: 0 12px !important;

}

.banEBox-content .swiper-pagination-bullet-active {
	background: #02703F !important;
}

.swiper-slide-active .bgImgBox {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

.bgImgBox video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contain_info_box {
	position: absolute;
	width: 0;
	height: 100%;
	background: rgba(47, 47, 47, 0.55);
	top: 0;
	transform: skew(-30deg);
	transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s;
	left: -50%;
	opacity: 0;
	transition-delay: 1s;
}

.contain_info_box::before {
	content: '';
	display: block;
	position: absolute;
	width: 8vw;
	height: 50vh;
	top: 20%;
	background: rgba(218, 33, 40, 0.35);
	right: -4vw;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	opacity: 0;
}

.contain_info_box::after {
	content: '';
	display: block;
	position: absolute;
	width: 8vw;
	height: 40vh;
	bottom: -10%;
	background: #da2128;
	right: -6vw;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	opacity: 0;
}

.info_txt_box {
	position: absolute;
	bottom: 30%;
	left: 11%;
	color: #fff;
	font-style:oblique;
	

}

.info_txt_box .lineP {
	font-size: 18px;
	line-height: 26px;
}

.info_txt_box .lineP::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background-color: #02703F;
	margin: 20px 0 25px;
}

.info_txt_box h3 {
	font-size: 36px;
	line-height: 60px;
	margin-bottom: 55px;
}

.info_txt_box p a {
	width: 205px;
	height: 55px;
	display: block;
	font-size: 16px;
	line-height: 55px;
	color: #ffffff;
	text-indent: 36px;
	background-size: 15px;
	position: relative;
	font-style:normal;
	border-radius:5px;
	overflow:hidden;
	background-color: #02703F;
	background-image: url(more.png);
	background-repeat: no-repeat;
	background-position: 85% center;
}

.info_txt_box p a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: -1;
	background-color: #FFFFFF;
}

.swiper-slide-active .contain_info_box,
.swiper-slide-active .contain_info_box::before,
.swiper-slide-active .contain_info_box::after {
	opacity: 1;
}

.swiper-slide-active .contain_info_box {
	width: 60%;
	left: -16%;
}

.lineP,
.info_txt_box h3,
.info_txt_box p {
	position: relative;
	opacity: 0;
	-webkit-opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: 1.2s;
	-webkit-transition: 1.2s;
}

.lineP,
.info_txt_box h3,
.info_txt_box p {
	transition-delay: 0.6s;
}

.info_txt_box p,
.info_txt_box h3 {
	transition-delay: 0.8s;
}

.contain_info_box::before {
	transition-delay: 1.6s;
}

.contain_info_box::after {
	transition-delay: 1.85s;
}

.swiper-slide-active .lineP,
.swiper-slide-active .info_txt_box h3,
.swiper-slide-active .info_txt_box p {
	opacity: 1;
	-webkit-opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.info_txt_box p a:hover {
	background: transparent url(more-fan.png) no-repeat 75% center;
	color: #333333;
}

.info_txt_box p a:hover::after {
	height: 100%;
}





/*首页关于*/
.alabout{ padding:75px 0; background:#fff; }
.alabouth3{ font-size:18px; color:#666; text-transform:uppercase;text-align:center;}
.alabouth3 span{ padding-bottom:18px; position:relative;}
.alabouth3 span:before{ position:absolute; content:''; width:90px; height:1px; background:#e1142b; bottom:0; left:50%; margin-left:-45px;}
.alaboutp1{text-align:center; font-size:30px; text-transform:uppercase; margin-top:30px;}
.alaboutp2{ text-align:center;color:#1d1d1d;text-transform:uppercase; font-size:16px; line-height:32px; padding:30px 0; padding-bottom:40px;}
.alaboutp3{ text-align:center;}
.alaboutp3 a{ text-align:left;}
.alaboutp4{ text-align:center; margin-top:60px;}
.alaboutp4 li{ display:inline-block; vertical-align:top; margin:0 100px;}
.alaboutp4i{ display:inline-block; width:110px; height:110px;}
.alaboutp4i1{ background:url(alaboutp41.jpg) center no-repeat;}
.alaboutp4i2{
	background-image: url(alaboutp42.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.alaboutp4i3{ background:url(alaboutp43.jpg) center no-repeat;}
.alaboutp41{ font-size:35px; color:#ed0023; }
.alaboutp41 b{ color:#333; font-size:14px; position:relative; vertical-align:top;}
.alaboutp42{ font-size:18px; color:#292929;}

/*首页产品分类*/


.industry13 .industry-item3 {overflow: hidden;}
.industry-item3 {width: 49%;float: left;margin-right: 1%;margin-top: 1%;position: relative;-moz-transition: all .5s ease;}
.bx_boxImg {transition: all .5s ease;}
.bx_boxImg {width: 100%;height:400px;overflow: hidden;position: relative;z-index: 20;background-repeat: no-repeat;background-position: center;background-size: cover;}
.overlay {position: absolute;width: 100%;padding: 2em 4em;bottom: 0;left: 0;z-index: 40;}
.name {background: #02703F;color: #fff;float: left; width:170px; height:60px; line-height:60px; font-size:20px; text-transform:uppercase; padding-left:30px;position: relative;top: 0;left: 0;transition: all 0.2s ease-in-out 0s;}
.trigger {width: 70px;height: 35px;clear: both;float: left;background: #fff;position: relative;bottom: 0;left: 0;transition: all 0.2s ease-in-out 0s;background: #FFFFFF url(jia.png) no-repeat center; background-size:12px auto;}
.industry13 .industry-item3:hover .bx_boxImg {transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);}
.industry-item1:hover .name, .product-item:hover .name {top: 0.25em;left: -0.25em;}
.industry-item1:hover .trigger, .product-item:hover .trigger {background: #ed0023 url(jia-fan.png) no-repeat center; background-size:12px auto;}
.industry-item1:hover .trigger, .product-item:hover .trigger {left: 0.25em;bottom: 0.25em;}

.maincontainer{ max-width:1600px; margin:0 auto; min-width:1200px; width:85%;}


/*首页vr*/

.custer {width: 100%;height: 766px;color: #fff;position: relative;z-index: 330;overflow: hidden;cursor: pointer;}
.custerbg {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.3);}
.videoBoxs {
    width: 100%;
    height: 100%;
}
.videoBoxs video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*底部*/
.alfoot{ background:#61696d; color:#fff; padding-top:60px; padding-bottom:30px;}
.alfootm { width:86%; min-width:1200px; max-width:1600px;}
.alfoot,.valfoot a{ color:#fff;}
.alfootmal{ width:20%;}
.alfootmar{ width:65%; padding-top:20px;}
.alfoot45p{ height:45px; line-height:45px;}
.alfoot .otxt{ background:#fff; padding:0 10px; box-sizing:border-box; color:#000;}
.alfootw1{ width:48%; margin-left:2%;}
.alfootw2{ width:22%; margin-left:2%;}
.alfootw3{ width:56%; margin-left:2%; background:#73a0b3; padding-left:10px;}
.alfootw3 i,alfootw3 span,.cr_ipe_checkbox{ color:#fff; font-size:12px; display:inline-block; vertical-align:middle;}
.alfootw3 span{ padding:0 5px;}
.alfootw4{ width:16%; margin-left:2%; text-align:center; color:#fff; background:#cf0030; cursor:pointer;}
.alfootmarm{ margin-bottom:2%;}
.alfootmac{ font-size:18px; padding-right:30px; padding-top:20px;}
.alfootma{ padding-bottom:25px; border-bottom:1px solid #868c8f;}

.alfootmb{ padding-top:55px;}
.alfootmb a:hover{ color:#fff;}
.wzfootar h5{ padding-bottom:10px;}
.wzfootar h5 a{ font-size:18px; color:#fff;}
.wzfootar li a{ color:#999;}
.wzfootar li{ line-height:30px;}
.wzfootar{ text-align:left;}
.alfootmbr{ width:40%;}
.wzfootar ul{ display:inline-block; vertical-align:top; padding-right:8%; padding-left:0;}
.alfootmbl{ width:55%; }
.alfootmbrp2{ padding-top:42px; text-align:right;}
.alfootmbrp2 img{ max-width:100%;}
.alfootmb{ position:relative;}
.dbgs {    display: inline-block;    width: 168px;    text-align: center;    border: 1px solid #92979a;    border-radius: 15px;    -webkit-border-radius: 15px;    line-height: 35px;    font-size: 12px;    cursor: pointer;    position: relative;}
.dbgs span {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
	position:relative;
	padding-right:18px;
}
.dbgs span:before{ width:11px; background:url(icon2.png) center no-repeat; content:''; right:0; top:0; height:100%; position:absolute;}
.dbgssub {    background: #fff;    position: absolute;    width: 100%;    bottom: 0;    border-radius: 4px;    overflow: hidden;    box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);    left: 0;    display: none;    text-align: center;}
.dbgssub li {
    border-bottom: 1px solid #dcdcdc;
}
.dbgssub a {
    color: #333;
    font-size: 13px;
    padding: 6px 0;
    display: block;
	line-height:24px;
}
.dbgssub a:hover{ background:#f1f1f1; color:#333;}
.wzfootafx{ margin-top:70px;}
.alfootlink{ margin-top:0; position:absolute; left:2%; bottom:0; width:80%;}
.alfootlink a{ display:inline-block; margin-right:20px; color:#d7d7d7;}
.alfootmbrp3{ font-size:12px; color:#fff; text-align:right; padding-top:10px;}
.alfootma,.alfootmb{ padding-left:2%; padding-right:2%; box-sizing:border-box;}



.main-industry1{ background:#f2f2f2; padding:70px 0; padding-bottom:50px;}
.vrdeno{ width:100%; height:635px; position:relative; overflow:hidden;}
.iframevide{ position:absolute; left:0; top:-110px;}
.vrdeno:before, .vrdeno:after {    content: '';    width: 110%;    background-color: #fff;    position: absolute;    height: 110px;    border-radius: 50%;    z-index: 5;    left: -5%;}
.vrdeno:before{ background:#f2f2f2;}
.vrdeno:before {
    top: -60px;
}
.vrdeno:after {
    bottom: -60px;
}
.vrdenotxt{ position:absolute; width:100%; left:0; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); text-align:center; z-index:5;}
.vrdenomore{ cursor:pointer; display:inline-block; width:40px; height:40px;border-radius:50%;-webkit-border-radius:50%; background:#fff; overflow:hidden; margin-top:30px; position:relative;}
.vrdenomore:before{position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#e60012;transform:scale(0);-webkit-transform:scale(0);border-radius:50%;-webkit-border-radius:50%;}
.vrdenomore i{ display:inline-block; width:100%; height:100%; vertical-align:top; position:absolute; left:0; top:0; z-index:5;}
.vrdenomore i:before,.vrdenomore i:after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%;z-index:5; }
.vrdenomore i:before{ background:url(jia.png) center no-repeat; background-size:12px auto;}
.vrdenomore i:after{ background:url(jia-fan.png) center no-repeat; background-size:12px auto;opacity:0;-webkit-opacity:0;}
.vrdenomore:hover:before {transform:scale(1);-webkit-transform:scale(1);}
.vrdenomore:hover  i:before{opacity:0;-webkit-opacity:0;}
.vrdenomore:hover  i:after{opacity:1;-webkit-opacity:1;}
.vrdenomore i:before,.vrdenomore i:after,.vrdenomore:before,.vrdenomore{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.vrdenomore:hover{ background:rgba(255,255,255,0);}


.alnew{ text-align:center; padding:70px 0; min-width:1200px;}
.alnewm{ width:24%; display:inline-block; position:relative; background:#f2f2f2; vertical-align:top;margin:0 1.35%; font-size:0; text-align:left;}
.alnewm img{width:100%; vertical-align:top;}
.alnewimg{ overflow:hidden;}
.alnewp1{ font-size:12px; color:#868686; text-transform:uppercase; text-align:left;}
.alnewp2{ font-size:22px; color:#222; text-align:left;text-transform:uppercase; line-height:26px; margin-top:10px;}
.alnewp3{ font-size:12px; color:#666; text-align:left;text-transform:uppercase; margin-top:20px; padding-right:45px; }
.alnewp4{ font-size:33px; color:#ed0023; font-style:oblique;margin-top:10px;}
.alnewp5{ color:#373737; font-size:18px; font-style:oblique; margin-top:12px;}
.alnewtxt{ padding:25px; position:relative; height:260px;}
.alnewm1 .vrdenomore,.alnewm2 .vrdenomore{ position:absolute; margin:0; right:25px; bottom:25px;}
/*.alnewm2 .vrdenomore{ position:absolute; margin:0; left:25px; bottom:25px;}*/
.alnewm3{ color:#fff; text-align:center;}
.alnewm3 .alnewtxt{ background:#83868a;}
.alnewm:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.alnewm:hover{box-shadow:0 5px 15px rgba(0,0,0,0.05);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.alnewm:hover .alnewp2{ color:#ed0023;}
.alnewm:hover .vrdenomore:before {transform:scale(1);-webkit-transform:scale(1);}
.alnewm:hover .vrdenomore  i:before{opacity:0;-webkit-opacity:0;}
.alnewm:hover .vrdenomore  i:after{opacity:1;-webkit-opacity:1;}
.alnewm,.alnewm img,.alnewp2{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.alnewp6{font-size:33px;  line-height:40px; padding-top:15px;}
.alnewp7{ font-size:12px; color:#fff;text-transform:uppercase; line-height:24px; padding-top:18px;}
.alnewm3 .alpubmore a{ text-align:left;}
.alnewm3 .alpubmore{ margin-top:25px;}



.almsg{ text-align:center; padding:70px 0; background:#f2f2f2;}
.almsg{ overflow:hidden;}
.almsg ul{ min-width:1200px; margin:0 auto; text-align:left; width:90%;}
.almsg li{ width:33.33%; float:left; box-sizing:border-box; padding:0 5%;}
.almsg li{ position:relative;}
.almsg li:before{ position:absolute; content:''; width:1px; height:60px; background:#c5c5c5; right:0; top:50%; margin-top:-30px;}
.almsg li.last:before{ display:none;}
.almsgm{ padding-left:95px;}
.almsg h4{ font-size:18px; font-weight:600; padding-bottom:5px;}
.almsgm1{ background:url(alnewicon1.png) left center no-repeat;}
.almsgm2{ background:url(alnewicon2.png) left center no-repeat;}
.almsgm3{ background:url(alnewicon3.png) left center no-repeat;}




.pbbaner{ background-position:center top ; background-repeat:no-repeat; height:396px;}
.pbbanertxt{ position:relative; height:100%; color:#fff; font-size:50px;}
.pbbanertxt p{ position:absolute; bottom:30px; width:100%; left:0;}
.pbbanerab{ height:750px; position:absolute; left:0; top:0;}
.pbbanertxt h5{ font-size:52px; font-style:oblique; line-height:58px; padding-bottom:35px; position:relative; color:rgba(255,255,255,0.86); padding-top:235px;}
.pbbanertxt h5:before{ position:absolute; left:0; bottom:0;width:110px; height:1px; background:#fff; content:''; left:0; bottom:0;}
.pbbanerdesc{ width:470px; font-size:20px; margin-top:35px;}
.pbbanerab{ width:100%; margin-top:126px; position:fixed; transition: all 0.3s ease;}
.pbbanerabon{margin-top:80px;}

.pubsnav{ width:100%; padding:0 4%; text-align:right; border-bottom:1px solid rgba(181,181,181,0.2); background:#fff; z-index:3; position:relative;}
.pubsnav a{ position:relative; font-size:14px; color:#666; margin-left:25px; display:inline-block; line-height:60px; padding-bottom:10px;}
.pubsnav a:before{ position:absolute; content:''; width:6px; height:6px; background:#e60012;left:50%; margin-left:-3px; bottom:10px;opacity:0;-webkit-opacity:0;}
.pubsnav a.on{ color:#e60012;}
.pubsnav a.on:before{opacity:1;-webkit-opacity:1;bottom:18px;}

/*关于*/
.alhistor,.alaboutd{background:#fff;}
.alaboutc,.alhistor,.alaboutd,.alaboute,.alfoot{ position:relative; z-index:3;}
.mt75p{ margin-top:750px;}
.alabouta{ position:relative; padding-top:0; background:#fff;}
.alaboutabg{ background:url(../tmp/alaboutabg.jpg) center top no-repeat; width:100%; position:absolute; height:510px; top:0; left:0; display:none;}
.alaboutatxt{ width:84%; margin:0 auto; min-width:1200px;border-radius:5px;-webkit-border-radius:5px; background:#fff; position:relative; z-index:6;}

.alaboutatxta{ margin-top:25px;}
.alaboutatxtm{ padding:40px; color:#666;}
.alaboutatxtm p{ padding-bottom:20px;}
.alaboutatxtal,.alaboutatxtar{ width:50%; position:relative;}
.alaboutatxtal:before{ position:absolute; content:''; right:0; height:100%; background:#eee; top:0; width:1px; display:none;}
.alaboutatxtal{ padding-right:3%;}
.alaboutatxtar{ padding-left:3%;}
.alabouta .propbh5{ text-align:left;}
.alabouta .propbh5 span:before{ left:0; margin:0;}
.alaboutatxtb{ font-weight:bold; color:#d41414; font-size:12px; margin-top:40px; text-align:center;}
.alaboutatxtb a{ vertical-align:top; text-transform:uppercase; margin:0 7%; display:inline-block;}

.alaboutatxtb span{ display:block; padding-top:12px;}
.ababicon{ display:inline-block; width:75px; height:75px;}
.ababicon1{ background:url(alaboutatxtbicon1.png) center no-repeat;}
.ababicon2{ background:url(alaboutatxtbicon2.png) center no-repeat;}
.ababicon3{ background:url(alaboutatxtbicon3.png) center no-repeat;}
.ababicon4{ background:url(alaboutatxtbicon4.png) center no-repeat;}

.alaboutb{ padding-top:70px; padding-bottom:70px;}
.alaboutbmx{ margin-top:30px;}
.alaboutbdlider{ width:1150px; margin-left:25px;}
.alaboutbm{ padding-left:15px; padding-top:20px; padding-right:40px; position:relative;}
.alaboutbm:after,.alaboutbm:before{ position:absolute; content:''; left:0; top:0; width:100%; height:1px; }
.alaboutbm:before{ background:#d8d9dc;}
.alaboutbm:after { width:0;opacity:0;-webkit-opacity:0; background:#e60112; z-index:5;}
.alaboutbimg{ margin-top:15px;}
.alaboutbm:hover:after{opacity:1;-webkit-opacity:1; width:100%;}
.alaboutbm:hover .alaboutbh3 { color:#e60112;}
.alaboutbm:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.alaboutbh3,.alaboutbm:after,.alaboutbm:before,.alaboutbimg img{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.alaboutbimg{ width:285px; height:149px; overflow:hidden;}

.alaboutc{ background:url(../tmp/alaboutc.jpg) center no-repeat; padding:70px 0;}
.alaboutclist{ margin-top:40px;}
.alaboutch4{ font-size:20px; color:#333; font-style:oblique; text-transform:uppercase;}
.alaboutcdesc{ color:#666; line-height:20px;}
.alaboutcdesc p{ padding-left:15px; position:relative; margin-top:15px;}
.alaboutcdesc p:before{ position:absolute; content:''; width:4px; height:4px; background:#ff0000; left:0; top:9px;}
.alaboutcimg{ overflow:hidden; position:relative;}
.alaboutcimg:before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2);opacity:0;-webkit-opacity:0; z-index:3;}
.alaboutcimg1{ height:280px;}
.alaboutcimg2{ height:267px; width:390px;}
.alaboutcl{ width:378px; background:#fff; height:559px;}
.alaboutcr{ width:798px;}
.alaboutctxt{ padding:0 25px;}
.alaboutc .propbh5 span{ color:#fff;}
.alaboutctxt2{ width:407px;}
.alaboutcrm{ background:#fff;}
.alaboutcrm2{ margin-top:25px;}
.alaboutctxt2{ padding-top:31px;}
.alaboutctxt1{ padding-top:40px;}
.alaboutcl:hover,.alaboutcrm:hover{ background:#e60012;}
.alaboutcl:hover img,.alaboutcrm:hover img{ transform:scale(1.03);}
.alaboutcl:hover .alaboutcimg:before,.alaboutcrm:hover .alaboutcimg:before{opacity:1;-webkit-opacity:1;}
.alaboutcl img,.alaboutcrm img,.alaboutcl,.alaboutcrm,.alaboutcimg:before{ transition:all 0.3s ease;}
.alaboutcl:hover .alaboutch4,.alaboutcrm:hover .alaboutch4,.alaboutcl:hover .alaboutcdesc,.alaboutcrm:hover .alaboutcdesc{ color:#fff;}
.alaboutcl:hover .alaboutcdesc p:before,.alaboutcrm:hover .alaboutcdesc p:before{ background:#fff;}


.alhistorslider h6{ font-size:22px; font-weight:bold; font-style:oblique; padding-bottom:12px; border-bottom:1px solid #eee; line-height:28px;}
.alhistorslider p{ padding-left:15px; position:relative; line-height:24px;}
.alhistorslider p:before{ position:absolute; content:''; left:0; top:10px; width:5px; height:5px; background:#ff0000;border-radius:50%;-webkit-border-radius:50%;}
.alhistorslider .swiper-wrapper{ margin-left: -412px; }
.alhistorm{ padding-top:15px;}
.alhistorbg{ height:400px; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}

.alaboutd{ padding:70px 0;}
.alaboutdslider{ padding:40px 0;}
.alaboutdslider .alaboutdmx{ overflow:hidden;}
.alaboutdimg{ overflow:hidden;}
.alaboutdimg img{ vertical-align:top;}
.alaboutdtxt{ position:absolute; width:100%; padding:25px; background:rgba(0,0,0,0.5); left:0; top:10px; height:100%; z-index:5;opacity:0;-webkit-opacity:0;}
.alaboutdmx{ width:360px;}
.alaboutdtxt h4{ font-size:30px; color:#da0000; line-height:32px; padding-bottom:15px; position:relative;}
.alaboutdtxt h4:before{ position:absolute; content:''; left:0; bottom:0; width:35px; height:2px; background:#e60012;}
.alaboutdtxt p{ line-height:22px; font-size:12px; color:#ffffff; margin-top:25px;}
.alaboutdmx:hover .alaboutdtxt{ opacity:1; top:0;}
.alaboutdmx:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.alaboutdtxt,.alaboutdimg img,.alaboutdmx{ transition:all 0.3s ease;}
.alaboutdmx:hover{ box-shadow: 0 3px 10px rgba(0,0,0,0.05;)}
.alaboutdpage{ text-align:center;}
.alapbtn{ display:inline-block; width:70px; height:36px; margin:0 8px; background:#ff0000; position:relative;outline:none;}
.alapbtn:before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0;}
.alapbtn1:before,.alapbtn5:before{ background:url(probtns1.png) center no-repeat; background-size:8px auto;}
.alapbtn2:before,.alapbtn6:before{ background:url(probtns2.png) center no-repeat; background-size:8px auto;}
.alapbtn.swiper-button-disabled{ background:#61696c;}
.alhistorpage{ text-align:left; padding-top:40px;}

.alaboute{ background:url(alaboute.jpg) center no-repeat; padding:70px 0;}
.alaboute .propbh5 span{ color:#fff;}
.alaboutem{ position:relative;}
.alapetn{ display:block; position:absolute; width:40px; height:60px; cursor:pointer; top:50%; margin-top:-30px;}
.alabouteslider{ width:895px; text-align:center; margin-top:50px;}
.alabouteimg{ background:#333333; padding:30px 0; border:1px solid #7c7c7c; transition:all 0.3s ease;}
.alabouteimg:hover{ border-color:rgba(255,255,255,0.7);}
.alaboutemx2 .alabouteimg,.alaboutemx3 .alabouteimg,.alaboutemx6 .alabouteimg{ background:#474747;}
.alabouteimg img{ vertical-align:top;}
.alapetn:before,.alapetn:after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%;}
.alapetn1{left:20px;}
.alapetn2{right:20px;}
.alapetn1:before{ background:url(probtns1_1.png) center center no-repeat;}
.alapetn2:before{ background:url(probtns2_1.png) center center no-repeat; }
.alapetn1:after{ background:url(probtns1.png) center center no-repeat;}
.alapetn2:after{ background:url(probtns2.png) center center no-repeat; }
.alapetn:after{opacity:0;-webkit-opacity:0;}
.alapetn.swiper-button-disabled:after{opacity:1;-webkit-opacity:1;}
.alapetn.swiper-button-disabled:before{opacity:0;-webkit-opacity:0;}

.alaboutf{ background:#f8f8f8; position:relative; padding:70px 0;}
.alaboutfwx{ padding: 0; position:relative; z-index:6;}
.alaboutf:before{ position:absolute; width:100%; height:100%; border:70px solid #fff; left:0; top:0; content:''; box-sizing:border-box; display:none;}
.alaboutfmimg{ overflow:hidden; position:relative;}
.alaboutfmimg img{ width:100%; vertical-align:top;}
.alaboutfm{ width:82%; margin:0 auto; max-width:1600px;}
.alaboutfma{ display:block; background:#fff; text-align:center; color:#666666; float:left; width:24%; margin-right:1.3%;}
.alaboutfma4{ margin-right:0;}
.alaboutfmp1{ padding:35px 0; text-transform:uppercase; position:relative; overflow:hidden;}
.alaboutfmp1 span{ position:relative; z-index:3;}
.alaboutfmp1:before,.alaboutfmimg:before{ position:absolute; width:100%; left:0; height:0; overflow:hidden;content:''; bottom:0; background:#98a1a4;}
.alaboutfmimg:before{ background:rgba(0,0,0,0.2); height:100%;opacity:0;-webkit-opacity:0; z-index:3;}
.alaboutfma:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.alaboutfma:hover .alaboutfmp1:before{ height:100%;}
.alaboutfma:hover .alaboutfmp1{ color:#fff;}
.alaboutfma:hover .alaboutfmimg:before{opacity:1;-webkit-opacity:1;}
.alaboutfdesc{ padding:40px 80px;}
.alaboutfmp1:before,.alaboutfma img,.alaboutfmp1,.alaboutfmimg:before{ transition:all 0.3s ease;}

.alaboutg{height:480px; position:relative; overflow:hidden;}
.alaboutgbg{ background:url(../tmp/alaboutg.jpg) center top no-repeat; background-size:cover; position:absolute; width:110%; left:0; top:0; height:100%;}
.alaboutg .propbh5{text-align:left; font-size:45px;}
.alaboutg .propbh5 span{ padding-bottom:20px;}
.alaboutg .propbh5 span:before{ left:0; margin:0;}
.alaboutgtxt{ width:380px;}
.alaboutgtxt p{ padding-top:12px;}
.alaboutgmp1{ padding-top:15px;}
.alaboutgmp2{ margin-top:40px;}
.alaboutg .alaboutgmp2 a{ background:#eeeeee url(more-fan.png) no-repeat 85% center; color:#343434;}
.alaboutg .alaboutgmp2 a:hover{ background:#ff0000 url(more.png) no-repeat 80% center; color:#fff;}
.alaboutgm{ padding-top:90px; position:relative; height:100%; box-sizing:border-box; z-index:3;}
.alaboutgm:before,.alaboutgm:after{ position:absolute; content:''; left:0;transform:skewX(-30deg);-webkit-transform:skewX(-30deg);}
.alaboutgm:before{ width:125px; height:210px; background:rgba(237,0,35,0.9); bottom:0; left:410px;}
.alaboutgm:after{ width:125px; height:378px;  background:rgba(237,0,35,0.39); left:490px; top:0;}
.alaboutg:hover .alaboutgm:before{ left:450px;opacity:0.9;-webkit-opacity:0.9;}
.alaboutg:hover .alaboutgm:after{ left:500px;opacity:0.9;-webkit-opacity:0.9;}
.alaboutgm:before,.alaboutgbg{ transition:all 0.3s ease;}
.alaboutgm:after{ transition:all 0.5s ease;}
.alaboutg:hover .alaboutgbg{transform:scale(1.03);-webkit-transform:scale(1.03);left:-2%;}

.alhistorbg{ position:relative;}
.alhistorbg .propbh5 { padding-top:100px;}
.alhistorbg .propbh5 span{ color:#fff;}
.alhistorbg .propbh5 span:before{ display:none;}
.alhistordesc{ color:#fff; text-align:center; line-height:26px; font-size:16px;}
.xxjiantou{ background:url(xxjiantou.png) center no-repeat; width:21px; height:21px; cursor:pointer; position:absolute; left:50%; margin-left:-10px; bottom:25px; cursor:pointer;}
.alhistorslider .swiper-slide{ width:360px;}
.alhistorslider{ padding:90px 0;}
#istopa{ position:absolute; width:100%; left:0; top:0; height:0; overflow:hidden; top:-80px;}
.pbdescslider .swiper-slide{ opacity:0 !important;}
.pbdescslider .swiper-slide-active{ opacity:1 !important;}



/*æ–°é—»*/
.newpagea{ padding:65px 0;}
.newpagea, .estItem-Box .gallery-top .swiper-slide {
    background: #fafafa;
}
.estItem-Box .gallery-top {
    width: 68%;
    float: left;
    overflow: hidden;
    border-radius: 6px;
}
.slide-down-txt {
    padding: 30px 40px 0 100px;
}
.slide-down-txt h4 {
    position: relative;
}
.slide-down-txt h4 {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 14px;
}
.slide-down-txt h4 time {
    position: absolute;
    left: -95px;
    font-size: 14px;
    color: #999;
    top: 0;
}
.gtopdesc {
    color: #666;
}
.slide-down-txt .readMore {
    width: 145px;
    height: 42px;
    background-color: #e60012;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 15px;
    color: #fffefe;
    margin-top: 26px;
    border: 1px transparent solid;
}

.estItem-Box .gallery-thumbs {
    width: 29%;
    height: 413px;
    box-sizing: border-box;
    overflow: hidden;
}
.newpageb li {
    padding: 50px 0;
    border-bottom: 1px solid #efefef;
}
.newpageb a {
    display: block;
    position: relative;
    transition: all 0.3s ease;
}
.newpageb a:before {
    position: absolute;
    content: '';
    right: 50px;
    background: url(rightbtn.png) center right no-repeat;
        background-size: auto;
    width: 24px;
    height: 42px;
    top: 50%;
    margin-top: -21px;
    background-size: 12px auto;
    opacity: 0;
    transition: all 0.3s ease;
}
.thumbsimg{ overflow:hidden; transition:all 0.3s ease; cursor:pointer; background-repeat:no-repeat; background-position:center;border-radius:10px;-webkit-border-radius:10px;} 
.thumbsimg:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}
.newpagebimg, .newpagebdesc {
    height: 200px;
    overflow: hidden;
}
.newpagebimg {
    width: 352px;
}
.estItem-Box .gallery-top .swiper-slide .bgImgs, .newpagebimg {
    position: relative;
    overflow: hidden;
}
.newpagebdesc {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}
.newpagebdesc p {
    font-size: 12px;
    color: #999;
    padding-top: 28px;
}
.newpagebdesc h4 {
    font-size: 18px;
    color: #333;
    padding-top: 25px;
    padding-bottom: 15px;
	transition:all 0.3s ease;
}
.newpagebdesc {
    width: 740px;
    padding-right: 150px;
}

.swiper-container-fade .swiper-slide-active {
    z-index: 88;
}
.newpageb li:hover a{ box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.newpageb a:before{ position:absolute; content:''; right:50px; background:url(rightbtn.png) center right no-repeat; width:24px; height:42px; top:50%; margin-top:-21px; background-size:12px auto; opacity:0;transition:all 0.3s ease;}
.newpageb li:hover a:before{ right:40px; opacity:1;}
.newpageb li:hover h4{ color:#e60012;}

.newpagepage{ text-align:center; padding:65px 0;}
.newpagepage a{ display:inline-block; margin:0 20px; width:140px; height:38px; line-height:38px; color:#fff; border-radius:5px; background:#e60012}
.newpagepage a.no{ background:#61696c;}

.vrdenozz{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:4;}
.alfootw3 span{ position:relative; top:2px; padding-left: 15px; }

.al527footmrp1 img{width: 110px;}
.al527fcopyr a{font-size:12px;opacity: 0.5;}


@media screen and (min-width:1921px){
.pageban,.alaboute,.alaboutc,.alaboutabg,.pbbaner{ background-size:cover;}
}
@media screen and (max-width:1600px){

.alfootw3 span{  padding-left: 5px; }
}
@media screen and (max-width:1400px){

.alfootw3 span{  padding-left:1px; }
}

.shaodeng{ display:none; position:fixed;padding:10px 20px; background:rgba(0,0,0,0.5);border-radius:5px;color:#fff;z-index:30;top:50%;left:50%; transform:translate(-50%,-50%);}

.alpubmore a,.alpubmore a:after,.pbtbanp3 a:before,.imghover:before,.almainb img,.almaind img,.almaind span,a,.almainc img,.almaincp1,.imghover img,.propamtit:before,.propamdesc,.propammore,.propamimg img,.propamimg:before{ transition: all 0.3s ease;}